import React from 'react';
import './index.less';
import render from 'src/hrpub/common/frame/render';
import {connect} from 'src/hrpub/common/store';
import ReferSearch from 'src/hrpub/common/components/referSearch/org';
import {THEME} from "../../../../../../public/theme/theme";

const HomeBanner = render()(({props, action, state}) => {
    const {staffCom} = props;
    return (
        <div className={`home-banner ${THEME.bgc}`}>
            {
                props.staticData.map(item => {
                    return <div className={'item'} key={item.key}>
                        <div className={'item-num'} onClick={()=>{
                            props.showDetail(item.key)}
                        }>{item.num}</div>
                        <div className={'item-label'}>{staffCom.language[item.label]}</div>
                        <div className={`item-line ${props.lineClass}`}></div>
                    </div>
                })
            }
        </div>
    );

});

export default HomeBanner;
